* {
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    overflow: hidden;
}

.scene {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border: solid 1px red;
    position: relative;
}

.game-scene {
    width: 100%;
    height: 100%;
}

/* 背景层 */
.map-layer {
    width: 100%;
    height: 100%;
    /*元素设置背景图像*/
    background-image: url(./img/img_bg_level_1.jpg);
    /*是否及如何重复背景图像。
    * repeat-y	背景图像将在垂直方向重复。
    */
    background-repeat: repeat-y;
    /*
    * 规定背景图像的尺寸
    * background-size: length|percentage|cover|contain;
    * 第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。
    */
    background-size: 100%;
    /*设置背景图像的起始位置*/
    background-position-y: 300px;
}

/* 主角玩家飞机*/
#hero {
    width: 150px;
    position: absolute;
    z-index: 100;
    top:0;
    left: 0;
}

/* 玩家飞机发射的子弹*/
.bullet {
    width: 10px;
    position: absolute;
    z-index:100;
}

/*敌机*/
.enemy {
    width: 100px;
    position: absolute;
    z-index: 100;
}

